<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="../style/reset.css" type="text/css" rel="stylesheet">
    <link href="../style/ztlh.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="../style/swiper-bundle.min.css">
    <script src="../js/jq.js" type="text/javascript"></script>
</head>
<body>
    <div id="top">
        <div class="dh">
            <ul class="dhyi">
               <li><a href="#">环球网首页</a></li>
               <li><a href="#">国际</a></li>
               <li><a href="#">国内</a></li>
               <li><a href="#">军事</a></li>
               <li><a href="#">财经</a></li>
               <li><a href="#">科技</a></li>
               <li><a href="#">汽车</a></li>
               <li><a href="#">娱乐</a></li>
               <li><a href="#">博览</a></li>
               <li><a href="#">更多</a>
                   <ul class="ecc">
                    <li><a href="#">国际</a></li>
                    <li><a href="#">国内</a></li>
                    <li><a href="#">军事</a></li>
                    <li><a href="#">财经</a></li>
                    <li><a href="#">科技</a></li>
                    <li><a href="#">汽车</a></li>
                    <li><a href="#">娱乐</a></li>
                    <li><a href="#">博览</a></li>
                    <li><a href="#">国际</a></li>
                    <li><a href="#">国内</a></li>
                    <li><a href="#">军事</a></li>
                    <li><a href="#">财经</a></li>
                    <li><a href="#">科技</a></li>
                    <li><a href="#">汽车</a></li>
                    <li><a href="#">娱乐</a></li>
                    <li><a href="#">博览</a></li>
                   </ul>
               </li>
            </ul>
        </div>
    </div>
    <div id="ban">
          <img src="../img/ztbanner.png">
    </div>
    <div id="lbt">
    <div class="ll">
       <img src="../img/zt1.png">
    </div>
       <div class="bt">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="../img/zt2.jpg"></div>
              <div class="swiper-slide"><img src="../img/zt3.jpg"></div>     
              <div class="swiper-slide"><img src="../img/zt4.jpg"></div>     
              <div class="swiper-slide"><img src="../img/zt5.jpg"></div>     
              <div class="swiper-slide"><img src="../img/zt6.jpg"></div>     
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
          </div>
       </div>
    </div>
    <div id="spp">
        <img src="../img/ztleft.png" class="xz">
        <img src="../img/ztright.png" class="xy">
        <div class="gd">
            <div class="wc">
            <div class="ss">
                <img src="../img/zt3.jpg"><img src="../img/zt4.jpg"><img src="../img/zt5.jpg">
            </div>
            <div class="ss">
                <img src="../img/zt6.jpg"><img src="../img/zt4.jpg"><img src="../img/zt5.jpg">
            </div>
            </div>
        </div>
    </div>
    <div id="hqsd">
              <img src="../img/zthq.png">
              <img src="../img/zthw.png">
    </div>
    <div id="none">
        <ul class="nyi">
            <li><a href="#">新思想引领新征程｜航天强国建设迈出坚实步伐</a></li>
            <li><a href="#">专家：激活数据要素价值，推进数字中国建设</a></li>
            <li><a href="#">走和平发展道路的现代化（国际社会看中国式现代化）</a></li>
            <li><a href="#">不断以中国新发展为世界提供新机遇</a></li>
            <li><a href="#">谱写中海团结互助、合作共赢的新篇章</a></li>
            <li><a href="#">共建“一带一路”，共创美好未来</a></li>
            <li><a href="#">共同构建地球生命共同体</a></li>
            <li><a href="#">巴基斯坦工程师体验中国量子计算机算力</a></li>
            <li><a href="#">伊朗留学生打卡中国最大量子城域网</a></li>
        </ul>
         <img src="../img/zt8.png">
    </div>
    <div id="lhzg">
         <img src="../img/ztlh.png">
    </div>
    <div id="lhh">
          <div class="lyi">
             <p class="lone"><img src="../img/zt9.jpg"></p>
             <p class="ltwo">媒体评价</p>
             <ul class="ltr">
                <li><a href="#">不可阻挡的步伐——写在中华民族伟大复兴的中国梦提出十周年</a></li>
                <li><a href="#">习近平引领中国式现代化之——“实现全体人民共同富裕”</a></li>
                <li><a href="#">环球网评：“中国方案”为世界发展注入新动能</a></li>
                <li><a href="#">人民日报和音：携手努力，开辟合作共赢新境界</a></li>
             </ul> 
          </div>
          <div class="lyi">
            <p class="lone ii"><img src="../img/zt10.jpg"></p>
            <ul class="ltr">
               <li><a href="#">心往一处想、劲往一处使！奋进新征程，出发！</a></li>
            </ul> 
         </div>
         <div class="lyi">
            <ul class="ltr mm">
               <li><a href="#">《习近平谈治国理政》英文版编辑大卫·弗格森：理解了为什么中国的制度是成功的</a></li>
            </ul>             
            <p class="lone ii"><img src="../img/zt11.jpg"></p>
         </div>
    </div>
    <div id="lhzg">
        <img src="../img/zt12.png">
   </div>
   <div id="tbb">
        <div class="tyi">
            <img src="../img/zt13.jpg" class="xss">
            <img src="../img/zt14.jpg">
            <img src="../img/zt15.jpg">
            <img src="../img/zt16.jpg">
        </div>
        <ul class="bqy">
            <li class="action">时政新闻眼丨G20巴厘岛峰会第一天</li>
            <li>“中国取得的非凡成就令人钦佩！”——记外国嘉宾参观“奋进新时代”主题成就展”</li>
            <li>从党的二十大报告看推动高质量发展</li>
            <li>我在中国看二十大 | 中共二十大提升中国继续走向成功的底气</li>
        </ul>
   </div>
   <div id="foot">
        <ul class="fone">
            <li><a href="#">环球网简介</a></li>
            <li><a href="#">About huanqiu.com</a></li>
            <li><a href="#">网站地图</a></li>
            <li><a href="#">诚聘英才</a></li>
            <li><a href="#">广告服务</a></li>
            <li><a href="#">联系方式</a></li>
            <li><a href="#">隐私政策</a></li>
            <li><a href="#">服务条款</a></li>
            <li><a href="#">意见反馈</a></li>  
        </ul>
   </div>
</body>
<script src="../js/swiper-bundle.min.js" type="text/javascript"></script>
<script src="../js/ztswp.js"></script>
<script>
    $(function(){
        $(".xz").click(function(){
            $(".wc").css("left","0")
        })
        $(".xy").click(function(){
            $(".wc").css("left","-1170px")
        })
      $(".bqy").on("mouseover","li",function(){
        $(this).addClass("action").siblings().removeClass("action")
        $(".tyi").children().eq($(this).index()).show().siblings().hide();
      })
    })
</script>
</html>